<template>
  <div class="app">
    <div class="base-chart-box">
      这是一个捣乱的盒子
    </div>
    <BaseChart></BaseChart>
   <BaseForm ref="formRef"/>

    <button @click="getFormComp">提交</button>
    <button @click="resetFormComp">重置</button>
  </div>
</template>

<script>
import BaseChart from './components/BaseChart.vue'
import BaseForm from './components/BaseForm.vue'
export default {
  components:{
    BaseChart,
    BaseForm
  },
  methods:{
    getFormComp(){
      
      console.log(this.$refs.formRef)
      alert('提交成功')
      
      
    },
    resetFormComp(){
      alert('重置成功')
      this.$refs.formRef.reset()
    }
  }
}
</script>

<style>
.base-chart-box {
  width: 200px;
  height: 100px;
}
</style>